<template>
	<view class="content-wraper">
		<view class="login-logo">
			<image class="logo" src="/static/images/icon01.jpg"></image>
		</view>
		<view class="form-group">
			<view class="login-tit">
				Hi，欢迎登录算力平台
			</view>
			<view class="form-item">
				<label class="label" for="#phone">+86</label>
				<input id="phone" class="input" type="number" value="" name="phone" placeholder="请输入手机号" />
			</view>
			<view class="form-item">
				<label class="label" for="#pasword">密码</label>
				<input id="pasword" class="input" type="password" value="" name="password" placeholder="请输入密码" />
			</view>
			<view class="tips">
				<text class="tips-text">请找平台管理员索取登录账号及密码</text>
			</view>
			<button class="submit-btn" open-type="getUserInfo" @getuserinfo="getuserinfo" type="default" :disabled="isDisabled">下一步</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isDisabled: false, // 下一步按钮是否禁用
			}
		},
		onLoad() {

		},
		methods: {
			getuserinfo(e){
				console.log('获取用户微信信息=====',e);
				uni.reLaunch({
					url: '/pages/income/income'
				})
				
			}

		}
	}
</script>

<style lang="scss" scoped>
	.login-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 750rpx;
		height: 550rpx;
		background-color: #1267f6;

		.logo {
			width: 208rpx;
			height: 208rpx;
			margin-top: -100rpx;
		}
	}

	.form-group {
		padding: 0 30rpx 100rpx;
		min-height: calc(100vh - 600rpx);
		background: #f7f7f7;

		.login-tit {
			display: flex;
			justify-content: center;
			padding: 130rpx 0 90rpx;
			font-size: 60rpx;
			font-weight: blod;
			color: #333;
		}
	}

	.form-item {
		display: flex;
		align-items: center;
		height: 100rpx;
		padding: 0 20rpx;
		margin-bottom: 25rpx;
		background-color: #f4f7ff;
		border-radius: 8rpx;
		font-size: 36rpx;
		color: #333;

		.input {
			padding: 0 20rpx;
			background: none;
			flex: 1;
		}
	}

	.tips {
		display: flex;
		justify-content: center;
		padding: 50rpx 0;
	}

	.tips-text {
		font-size: 24rpx;
	}

	.submit-btn {
		height: 100rpx;
		width: 600rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 38rpx;
		color: white;
		border-radius: 50rpx;
		background-color: #1267f6;
		&::after{
			border: none;
		}

	}

	button[disabled] {
		color: white;
		background-color: #d2dfff;
		border: none;
	}
</style>
